<template>
  <div class="h-screen bg-gray-50 flex flex-col overflow-hidden">
    <main class="min-h-0 max-h-screen flex flex-1 p-1 md:p-2">
      <AppSidebar/>
      <router-view v-slot="{ Component }" class="overflow-y-auto">
        <transition name="fade" mode="out-in">
          <component :is="Component"/>
        </transition>
      </router-view>
    </main>
    <AppFooter/>
  </div>
</template>

<script setup>
import AppFooter from '@/components/layout/AppFooter.vue'
import AppSidebar from "@/components/layout/AppSidebar.vue";
</script>

<style>
</style>